/**
 * SCSS 可复用mixin
 */
@mixin ellipsis {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

@mixin clearfix {
  &:after {
    display: table;
    content: '';
    clear: both;
  }
}

@mixin bgImg($url) {
  background-image: url('~assets/img/'+$url);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@mixin height($height) {
  height: $height;
  line-height: $height;
}

@mixin circle($size) {
  width: $size;
  height: $size;
  border-radius: 50%;
}

@mixin absoluteCenter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

@mixin flexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin textTitle {
  font-size: 16px;
  color: #303133;
  line-height: 24px;
}

@mixin textBody {
  font-size: 14px;
  color: #606266;
  line-height: 22px;
}

@mixin flex {
  display: flex;
}

@mixin boxSizing {
  box-sizing: border-box;
}

@mixin flexBetween {
  display: flex;
  justify-content: space-between;
}

@mixin infoGrid($count) {
  display: grid;
  grid-template-columns: repeat($count, max-content auto);
  column-gap: 42px;
  row-gap: 15px;
}